<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
            <h1 align="center">基于人脸分析的校园安防网络平台</h1>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-1 column">
		</div>
		<div class="col-md-5 column">
			<img style="height: 600px" src="{{ url_for('video_feed') }}" />
		</div>
		<div class="col-md-5 column">
            <div><img src="{{ url_for('video_feed') }}" style="width: 100px"></div>
            <div><img src="{{ url_for('video_feed') }}" style="width: 100px"></div>
            <div><img src="{{ url_for('video_feed') }}" style="width: 100px"></div>
            <div><img src="{{ url_for('video_feed') }}" style="width: 100px"></div>
		</div>
		<div class="col-md-1 column">
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-3 column">
			<img height="42" width="42" src="{{ url_for('video_feed') }}" />
		</div>
		<div class="col-md-3 column">
			<img height="42" width="42" src="{{ url_for('video_feed') }}" />
		</div>
		<div class="col-md-3 column">
			<img height="42" width="42" src="{{ url_for('video_feed') }}" />
		</div>
		<div class="col-md-3 column">
			<img height="42" width="42" src="{{ url_for('video_feed') }}" />
		</div>
	</div>
</div>

</body>
</html>